//轮播图
var left=document.getElementsByClassName("left")[0];
left.innerHTML=`<div class="top">
				<p>首页</p>
				<a href="chenge_account.html">切换单位</a>
			</div>
			<div class="slider" id="banner">
			  <ul style="left:0;">
				
			  </ul>
			  <div class="btn">
				<a href="javascript:;" class="btn_left"></a>
				<a href="javascript:;" class="btn_right"></a>
				<ul>
					<li class="on"></li>
					
				</ul>
			  </div>
	    	</div>
			<div class="nav">
				<ul>
					<li><a href="###"><img src="img/public/list_1.png"/><span>学校介绍</span></a></li>
					<li><a href="###"><img src="img/public/list_2.png"/><span>信息公开</span></a></li>
					<li><a href="###"><img src="img/public/list_3.png"/><span>党务公开</span></a></li>
					<li><a href="###"><img src="img/public/list_4.png"/><span>教学科研</span></a></li>
					<li><a href="###"><img src="img/public/list_5.png"/><span>德育之窗</span></a></li>
					<li><a href="###"><img src="img/public/list_6.png"/><span>教工之家</span></a></li>
					<li><a href="###"><img src="img/public/list_7.png"/><span>学生舞台</span></a></li>
					<li><a href="###"><img src="img/public/list_8.png"/><span>特色活动</span></a></li>
				</ul>
			</div>
			<div class="news">
				<h1>最新新闻</h1>
				<a href="news_list.html" class="morn">更多 ></a>
				<ul>
					
					<li class="hot_news"><a href="###"><span class="flag">最新</span><p>我校庆祝第30届教师节</p><span>7-04</span></a></li>
					<li class="hot_news"><a href="###"><span class="flag">最新</span><p>党支部委员职责分工</p><span>7-04</span></a></li>
					<li><a href="###"><p>优秀班主任评比活动</p><span>7-04</span></a></li>	
					<li><a href="###"><p>优秀班主任评比活动</p><span>7-04</span></a></li>
					<li><a href="###"><p>优秀班主任评比活动</p><span>7-04</span></a></li>
				</ul>
				
			</div>
			<div class="footer">
				<img src="img/public/head_pic.png"/>
				<a href="login.html" class="ent">请登录</span>
				<a href="###">进入系统</a>
			</div>`;
//var news = document.getElementsByClassName("news")[0];
//	   document.getElementsByClassName("news")[0]
//var a=document.getElementsByClassName("news");
//var ne=news;
//var u = ne.getElementsByTagName("ul")[0];

//$(".news").children().eq(0).find("li").find("a").click(function(){
//	var a="";
//	var b="on";
//	$(".news").children().eq(0).find("li").className="";
//	$(this).prev().className=b;
//	var c=$(this).prev().className();
//	console.log(c)
//});
//var news=document.getElementsByClassName("news")[0];
//var news_li=news.children[0].children;
//for(var r=0;r<news_li.length;r++){                    //新闻转换
//	news_li[r].children[0].onmouseover=function(){
//		
//		for(var i=0;i<news_li.length;i++){
//			news_li[i].className="";
//		};
//		this.parentElement.className="on";
//	}
//	news_li[r].children[0].onclick=function(){
//		for(var i=0;i<news_li.length;i++){
//			news_li[i].className="";
//		};
//		this.parentElement.className="on";
//	}
//}
function banner(){			
		$UnitUrl='http://localhost';
		$Unit_ID=6280;
		$sum=6;
			
		$.ajax({
			url:API.baseUrl+'/EduPlate/MSGAppIndex/InterfaceJson.asmx/Pic_GetXD',
            type:"get",
            dataType:"json",
            data:{
            	Unit_ID: $Unit_ID,
            	nTop: $sum

            },
            success:function(json){
            	console.log(json)
//          	console.log(json.Goodo.R[0].Title)   
//          	console.log(json.Goodo.R[0].PicUrl)
            	$number=json.Goodo.R.length;
//          	console.log($number)
            	var numb=$number;   //按键数目
	         	var slider=document.getElementById("banner");
				var ul=slider.children[0];
				var btn=slider.children[1].children;
				var btn_ul=btn[2];
				var btn_li=btn[2].children;
				var num=0;
				var x=0;
				var test=null;
				var bool=true;
				for(var i=0;i<numb;i++){ //添加li
						ul.innerHTML+='<li style="background: url('+API.baseUrl+json.Goodo.R[i].PicUrl+') no-repeat center grey;"><p>'+json.Goodo.R[i].Title+'</p></li>';
						
				}
				for(var i=0;i<numb-1;i++){                      ////添加按钮
					btn_ul.innerHTML+='<li>'+(i+1)+'</li>';
				}
				ul.innerHTML=ul.innerHTML+ul.innerHTML;
				for(var i=0;i<ul.children.length;i++){
//					ul.children[i].index=i;
						if(i<numb){
							ul.children[i].index=json.Goodo.R[i].ID;
						}else{
							ul.children[i].index=json.Goodo.R[i-numb].ID;
						}
					ul.children[i].onclick=function(){
						console.log(this.index);
						var a=this.index;
						window.location.href='banner.html?$Unit_ID='+a;
					};
				}
				
				btn[0].onclick=function(){
							if(bool){move(++num)}
							bool=false;
						
						}
						
				btn[1].onclick=function(){
							if(bool){
							if(x==0){ul.style.left=-(x=numb*100)+"%";num=numb}
							move(--num);
							}
							bool=false;
						}
						
						
				function move(val){
							clearInterval(test);
							
				var a=parseInt(ul.style.left);
							test=setInterval(function(){					
								if(a>-val*100){ul.style.left=-(++x)+"%";}					
								if(a<-val*100){ul.style.left=-(--x)+"%";}
//								console.log(val*100);
								if(x==val*100){bool=true; clearInterval(test)}
								if(x==100*(2*numb-1)){ul.style.left=-(x=100)+"%";num=1}
							},25)
							
				for(var i=0;i<btn_li.length;i++){
							btn_li[i].className=""
						}
							btn_li[val%(numb)].className="on";
							
						}
						
				for(var i=0;i<btn_li.length;i++){
								btn_li[i].onclick=function(){
									num=Number(this.innerHTML);
									move(num);
								}				
					}
						
				var paly=setInterval(function(){
							move(++num);
						},3000);			
						
				slider.onmouseover=function(){
							clearInterval(paly)
						}
						
				slider.onmouseout=function(){
							paly=setInterval(function(){
							move(++num);
						    },3000);
						}		
			
            } 
       });

//		var slider=document.getElementById("banner");

		
}
banner()
